{literal}
<script type="text/javascript">
	$(document)
			.ready(
					function() {
						$('#registro')
								.bootstrapValidator(
										{
											fields : {
												correo : {
													validators : {
														emailAddress : {
															message : 'Ingrese un correo valido'
														}
													}
												},
												nombre : {
													validators : {
														notEmpty : {
															message : 'Complete su nombre por favor'
														}
													}
												},
												apellido : {
													validators : {
														notEmpty : {
															message : 'Complete su apellido por favor'
														}
													}
												},
												clave : {
													validators : {
														identical : {
															field : 'confirmaClave',
															message : 'Las contrase&ntilde;as deben ser iguales'
														}
													}
												},
												confirmaClave : {
													validators : {
														identical : {
															field : 'clave',
															message : 'Las contrase&ntilde;as deben ser iguales'
														}
													}
												},
												dni : {
													validators : {
														digits : {
															message : 'El dni solo pueden ser numeros'
														},
														notEmpty : {
															message : 'El dni es requerido'
														}
													}
												},
												telefono : {
													validators : {
														digits : {
															message : 'El telefono solo pueden ser numeros'
														},
														notEmpty : {
															message : 'El telefono es requerido'
														}
													}
												}
											}
										});
						//fin bootstrapvalidator
					
						
					});
	
		$(document).ready(
				function(){
						   $("#confirmar").click(
								                 function(){
								                	 $('#registro')
														.data('bootstrapValidator').validate();
														if(!$('#registro').data('bootstrapValidator').isValid()){
															return;
														}	
								                	 
															var id = $("#idUsuario").val();
															var nombre = $("#nombre").val();
															var apellido = $("#apellido").val();
															var dni = $("#dni").val();
															var email = $("#correo").val();
															var password = $("#clave").val();
															var telefono = $("#telefono").val();
															var certificado =  $("#certificado").prop( "checked" );
															var fechaCertificado = $("#fechaInpCert").val();
															// Returns successful data submission message when the entered information is stored in database.
															var dataString = 
																'idUsuario=' + id +
																'&nombre='+ nombre + 
																'&apellido='+ apellido +
																'&dni='+ dni +
																'&correo='+ email + 
																'&clave='+ password + 
																'&certificado='+ certificado + 
																'&fechaCertificado='+ fechaCertificado + 
																'&telefono='+ telefono;
															$.ajax({
																	type: "POST",
																	url: "registro.php?op=update",
																	data: dataString,
																	cache: false,
																	success: function(result){
																		var usrJson = jQuery.parseJSON( result );
																		console.log(usrJson);
																		$('#edicion').modal('toggle');
																		document.getElementById('tr_' + id).cells[1].innerText = apellido;
																		document.getElementById('tr_' + id).cells[2].innerText = nombre;
																		document.getElementById('tr_' + id).cells[3].innerText = email;
																		document.getElementById('tr_' + id).cells[4].innerText = dni;
																		document.getElementById('tr_' + id).cells[5].innerText = telefono;
																		document.getElementById('tr_' + id).cells[6].innerText = activoMap[usrJson.certificado];
																		document.getElementById('tr_' + id).cells[7].innerText = usrJson.vencimientoCertificadoStr;
																		
																		
																	}
															});
															return false;
												});
						});
		
		$(document).ready(

				$("#cambiarClave").click(
						function(){
							var $this = $(this);
							if ($this.is(':checked')) {
								$("#clavesDiv").show("slow");
						    } else {
								$("#clavesDiv").hide("slow");
						    	
						    }
						}	
				)
				);
		$(document).ready(function() {

		    $('#certificado').change(function() {
		        if($(this).is(":checked")) {
		        	$("#fechaInpCert").prop('disabled', false);
		        }else{
		        	$("#fechaInpCert").prop('disabled', true);
		        	}
		    });
		});
		$(document).ready(
				function() {
					$('#fechaInpCert').datepicker({
						  format: "dd/mm/yyyy",
						    language: "es",
						    autoclose: true,
						    todayHighlight: true
					});
					});
</script>
{/literal} 




      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">
				Modificar usuario
        </h4>
      </div>
      <div class="modal-body">
        
				<form role="form" action="/registro/?op=update"

				         id="registro" method="post">
				         <input type="hidden" id="idUsuario" name="idUsuario" 
				         value={$usr->id} >
					<div class="form-group">
						<label for="correo">Correo Electr&oacute;nico</label> <input
							type="text" class="form-control" id="correo" name="correo"
							placeholder="Ingresa tu correo electr&oacute;nico" 
				        	value={$usr->email}>
					</div>
					{*poner recaptcha*}
					<div class="form-group">
						<label for="nombre">Nombre</label> <input type="text"
							class="form-control" id="nombre" placeholder="Ingresa tu nombre"
							name="nombre"
				        	value={$usr->nombre} >
					</div>
					<div class="form-group">
						<label for="apellido">Apellido</label> <input type="text"
							class="form-control" id="apellido" placeholder="Ingresa tu apellido"
							name="apellido" 
				        	value={$usr->apellido}>
					</div>
					<div class="form-group">
						<label for="dni">Documento</label> <input type="text"
							class="form-control" id="dni" placeholder="Ingresa tu dni"
							name="dni" 
				        	value={$usr->dni}>
					</div>
					<div class="form-group">
						<label for="telefono">Tel&eacute;fono</label> <input type="text"
							class="form-control" id="telefono"
							placeholder="Ingresa tu tel&eacute;fono" name="telefono"
				        	value={$usr->telefono}>
					</div>
					<div class="form-group"
						style="padding-bottom: 20px; padding-top: 20px;">
						<label for="Certificado" class="col-lg-2 control-label"
							style="padding-left: 3px;">Certificado</label>
						<div class="col-lg-3" style="margin-left: 5px;">
							<input type="checkbox" id="certificado" name="certificado" 
									{if $usr->certificado == 'S'}
												checked									
									{/if}>
						</div>
					</div>
					<div class="form-group">
						<label for="fechaInpCert">Fecha de Certificado</label> 
					<input type="text" type="text" class="form-control" id="fechaInpCert" placeholder="Seleccione una fecha" disabled
					value={$usr->getVencimientoCertificadoStr()}>
												
					</div>
					<div class="checkbox">
						<label> <input type="checkbox" value="" id="cambiarClave"> Cambiar contrase&ntilde;a
						</label>
					</div>
					<div id="clavesDiv" style="display: none;">
					<div class="form-group">
						<label for="clave">Clave</label> <input type="password"
							class="form-control" id="clave" placeholder="Ingresa tu clave"
							name="clave">
					</div>
			
					<div class="form-group">
						<label for="confirmaclave">Confirm&aacute; tu Clave</label> <input
							type="password" class="form-control" id="confirmaclave"
							placeholder="Confirm&aacute; tu clave" name="confirmaClave">
					</div>
					</div>
      		<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
					<button type="button" class="btn btn-primary" id="confirmar">Confirmar</button>
				</form>
			
      		</div>

